<template>
  <div class="title">
    <h3>
      <slot name="ctitle"></slot>
    </h3>
  </div>
</template>

<script>
export default {
  name: "compTitle",
};
</script>

<style lang="less" scoped>
@bgColor: #5ab8ee;
.recommend {
  .titile {
    position: relative;
    h3 {
      font-size: 18px;
      padding: 10px 20px;
      &::after {
        content: "";
        display: block;
        width: 4px;
        height: 20px;
        background-color: @bgColor;
        position: absolute;
        left: 8px;
        top: 13px;
      }
    }
  }
}
</style>